بازدید امروز : 6
بازدید دیروز : 0
کل بازدید : 1421
کل یادداشتها ها : 4
برای ایجاد div از یک کلاس ، فقط کافیست از یک نقطه قبل از نام کلاس استفاده کنیم
.title>.content
<div class="title">
<div class="content"></div>
</div>
استفاده از نام کلاس برای تگ ها
ul>li.item*5
<ul>
<li class="item"></li>
<li class="item"></li>
<li class="item"></li>
<li class="item"></li>
<li class="item"></li>
</ul>
استفاده از # برای ID دادن به تگ
p.cotent#124
<p class="cotent" id="124"></p>
استفاده از شماره گذاری توسط کارکتر $
ul>li#item$*5
<ul>
<li id="item1"></li>
<li id="item2"></li>
<li id="item3"></li>
<li id="item4"></li>
<li id="item5"></li>
</ul>
و یک مثال دیگر
ul>li#item$$*5
<ul>
<li id="item01"></li>
<li id="item02"></li>
<li id="item03"></li>
<li id="item04"></li>
<li id="item05"></li>
</ul>
استفاده از {} برای اضافه کردن متن
p.cotent#124{welcome to my site}
<p class="cotent" id="124">welcome to my site</p>
استفاده از جمله معروف lorem برای پر کردن متن
lorem
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum modi natus asperiores, quod aspernatur rem nobis repellendus dolore placeat voluptatibus facere eius ab voluptates? Optio, non similique repellendus eos minima!
استفاده از عدد برای تعداد کلمات ، در جمله lorem
lorem3
Lorem ipsum dolor.
نحوه استفاده از متن در تگ در سه گام
p.content{lorem
گام اول
p.content{Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit tempora eos adipisci, ex, fugiat unde! Accusamus dolore laboriosam, nam ratione obcaecati quos sunt dolores consequatur. Necessitatibus reprehenderit eaque, et facilis.
گام دوم
p.content{Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit tempora eos adipisci, ex, fugiat unde! Accusamus dolore laboriosam, nam ratione obcaecati quos sunt dolores consequatur. Necessitatibus reprehenderit eaque, et facilis.}
گام سوم
<p class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit tempora eos adipisci, ex, fugiat unde! Accusamus dolore laboriosam, nam ratione obcaecati quos sunt dolores consequatur. Necessitatibus reprehenderit eaque, et facilis.</p>
نتیجه
<p class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit tempora eos adipisci, ex, fugiat unde! Accusamus dolore laboriosam, nam ratione obcaecati quos sunt dolores consequatur. Necessitatibus reprehenderit eaque, et facilis.</p>